html {
	height: 100%;
}

body {
	color: black;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

#banner{
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:50px;
}
#head{
	float:left;
	padding:8px;
	font-size:25px;
	font-family:monospace;
}

#importsBox{
	position:relative;
	display:inline;
	padding-top:6px;
	padding-bottom:5px;
	height:30px;
	border:1px solid #ccc;
	background:#eee;
	color:black;
	top:1px;margin-right:5px;
}

#controls{
	float:left;
	padding:10px;
}

#controls input[type=button]{
	height:30px;
	border:1px solid #ccc;
	background:#eee;
	color:black;
	position:static;
	top:1px;
}

#controls input[type=button]:hover {
	color: white;
	background: #666;
}

#wrap{
	padding:5px;
	margin:0px;
	position:absolute;
	top:50px;
	bottom:25%;
	left:0;
	right:0;
	background:#FFD;
}

#output{
	position:absolute;
	right:0px;
	left:0px;
	bottom:0px;
	top:75%;
}

#wrap textarea{
	height:100%;
	width:100%;
	border: medium;
	background: inherit;
	font-family: Menlo, Courier New, monospace;
	font-size: 11pt;
}

.linedtextarea{
	height:100%;
	width:100%;
}

#output pre{
	right:0px;
	font-family: Menlo, Courier New, monospace;
	font-size: 11pt;
}

#shareURL{
	width: 350px;
	font-size: 16px;
	border: 1px solid #ccc;
	background: #eee;
	color: black;
}
